<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Informations de l'utilisateur - Réservation de vols avec CPE</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/main.css">
        <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
    </head>
    <body>
		<div id="alerts"></div>
        <div id="wrap">
	        <div class="navbar navbar-inverse navbar-fixed-top">
	            <div class="container">
	                <div class="navbar-header">
	                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	                        <span class="icon-bar"></span>
	                        <span class="icon-bar"></span>
	                        <span class="icon-bar"></span>
	                    </button>
	                    <a href="/home.html" class="navbar-brand">
	                        <img src="/img/VolsCPE_logo2.png" alt="logo" style="max-height:20px"/>
	                    </a>
	                </div>
	                <div class="navbar-collapse collapse">
	                    <ul class="nav navbar-nav">
	                        <li><a href="/volSearch.html" >Rechercher un vol</a></li>
	                        <li><a href="/historic.html" >Historique</a></li>
	                    </ul>
	                    <ul class="nav navbar-nav navbar-right">
	                    	<li><a href="#">en ligne <span class="badge" id="nbUserConnected">0</span></a></li>
	                    	<li><a href="#" id="lastConnection"></a></li>
	                    	<li><a href="#" id="duration">mn</a></li>
		                	<li class="dropdown">
					        	<a href="#" class="dropdown-toggle" data-toggle="dropdown" id="dropDownName"><b class="caret"></b></a>
						        <ul class="dropdown-menu" id="dropDownMenu">
							          <li><a href="userDetails.html">Mon compte</a></li>
							          <li><a href="changePassword.html">Changer de mot de passe</a></li>
					        	 </ul>
					      	</li>
					      	<li><a href="#" id="btnDisconnect"><span class="glyphicon glyphicon-off"></span></a></li>
		                </ul>
	                </div> <!--/.navbar-collapse -->
	            </div>
	        </div>
	
	        <div class="container">
		       	<h2>Informations sur l'utilisateur</h2>
				<div>
					<p id="nom">
						<strong>Nom : </strong>
					</p>
					<p id="prenom">
						<strong>Prénom : </strong>
					</p>
					<p id="email">
						<strong>E-mail : </strong>
					</p>
					<p id="login">
						<strong>Login : </strong>
					</p>
					<p id="dateNaissance">
						<strong>Date de naissance : </strong>
					</p>
					<p id="duree">
						<strong>Durée de la dernière connexion : </strong>
					</p>
					<p id="dateCreation">
						<strong>Date de création : </strong>
					</p>
				</div>
			</div>
        </div> <!--/div.wrap -->
	
	    <footer>
	        <div class="container">
	            <p class="pull-right">&copy; 2013 Instant CPE - Tous droits réservés</p>
	            <img src="/img/VolsCPE_logo_gris.png" alt="logo" style="max-height:35px"/>
	        </div>
	    </footer>
        
        <!-- Scripts -->
        <script src="js/vendor/jquery-1.10.1.min.js"></script>
        <script src="js/vendor/bootstrap.min.js"></script>
        <script src="js/main.js"></script>
        <script src="js/userDetails.js"></script>
    </body>
</html>